<template>
  <div id="app" class="container">
    <Navbar />
    <Profile />
    <Contact />
    <About />
  </div>
</template>

<script setup lang="ts">
import Navbar from './components/Navbar.vue';
import Profile from './components/Profile.vue';
import Contact from './components/Contact.vue';
import About from './components/About.vue';
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>